<script setup>
defineOptions({
  name: 'Step3',
})

const emit = defineEmits(['finish'])

/**
 * 结束
 */
function handleFinish() {
  emit('finish')
}
</script>

<template>
  <div>
    <a-form>
      <a-result
        :is-success="true"
        sub-title="预计两小时内到账"
        title="操作成功"
      >
        <div class="information">
          <a-row>
            <a-col
              :sm="8"
              :xs="24"
            >
              付款账户：
            </a-col>
            <a-col
              :sm="16"
              :xs="24"
            >
              ****@***.com
            </a-col>
          </a-row>
          <a-row>
            <a-col
              :sm="8"
              :xs="24"
            >
              收款账户：
            </a-col>
            <a-col
              :sm="16"
              :xs="24"
            >
              test@example.com
            </a-col>
          </a-row>
          <a-row>
            <a-col
              :sm="8"
              :xs="24"
            >
              收款人姓名：
            </a-col>
            <a-col
              :sm="16"
              :xs="24"
            >
              辉夜
            </a-col>
          </a-row>
          <a-row>
            <a-col
              :sm="8"
              :xs="24"
            >
              转账金额：
            </a-col>
            <a-col
              :sm="16"
              :xs="24"
            >
              <span class="money">500</span> 元
            </a-col>
          </a-row>
        </div>
        <template #extra>
          <a-space>
            <a-button
              type="primary"
              @click="handleFinish"
            >
              再转一笔
            </a-button>
            <a-button>查看账单</a-button>
          </a-space>
        </template>
      </a-result>
    </a-form>
  </div>
</template>

<style lang="less" scoped></style>
